<template>
    <a @click='mySearch("abc","c")' href="javascript:;">{{a.value}} </a>
    {{num}}
</template>

<script lang="ts">
import {hexLiteral,mySearch} from './tsCs'
import {onMounted,ref} from 'vue'
export default {
    components: {

    },
    props: {

    },
    data() {
        return {
            num:new Number(10)
        };
    },
    computed: {

    },
    watch: {

    },
    created() { 
    //    this.num = 0 
    },
    setup(props:any) {
        const cs = ()=>{
            console.log(hexLiteral,'hexLiteral');
            console.log('Mounted')
        }
        let a = ref(hexLiteral)
        a.value.value = a.value.value + 1
        onMounted(cs)
       
        return{
            a,
            mySearch
        }
    },
    mounted() {

    },
    methods: {
       
    },
};
</script>

<style  lang="less" scoped>

</style>
